<template>
  <div>

  </div>
</template>



<script>
export default {
  name: 'ServerPage',
    components: {

    },
    data () {
    return {
        loading:false,
        user:{},
    }
  },
    methods:{
      Meiqia(meiqianID){
         let loading = this.$toast.loading("正在加载...");
            (function(m, ei, q, i, a, j, s) {
                m[i] = m[i] || function() {
                    (m[i].a = m[i].a || []).push(arguments)
                };
                j = ei.createElement(q),
                    s = ei.getElementsByTagName(q)[0];
                j.async = true;
                j.charset = 'UTF-8';
                j.src = 'https://static.meiqia.com/dist/meiqia.js?_=t';
                s.parentNode.insertBefore(j, s);
            })(window, document, 'script', '_MEIQIA');
            _MEIQIA('entId', meiqianID);
            _MEIQIA('allSet', ()=>{
                _MEIQIA('showPanel');
                loading.hide();
            });
      },
      initServer(){
          this.$axios.get(this.$api_url.get_meiqia).then((res)=>{
            if(res.data){
                this.Meiqia(res.data) 
              }
          })
      }
    },
    mounted() {
        this.initServer();
    }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->



<style scoped>
  .content{
    height:100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .bottom-box{
    position: fixed;
    bottom: 2.4rem;
    width: 100%;
  }
  .qrcode{
    height:6rem;
    width:6rem;
    box-shadow: 0 0 0.6rem #555;
  }
  .download{
    height: 3rem;
    width: 3rem;
    position: absolute;
    bottom: 4rem;
    opacity: 0.8;
    right: 3.5rem;
  }
  .share-address{
    width: 70%;
    margin: 1rem auto;
    background-color: #636363;
    color: #fff;
    padding: 0.5rem;
    border-radius: 0.3rem;
  }
  .btn-download{
    background-color: #f36666;
    color:#fff;
    width:10rem;
    padding:0.5rem;
    margin: 0 auto;
    border-radius: 0.2rem;
  }
  #myCanvas{
    position: absolute;
    left:-1000px;
  }
  .vdr{
    border-color:transparent;
    z-index:3000 !important;
  }
  .close-dialog{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3001;
    padding: 0.5rem 1rem;
    background: #ff5a5a;
    color: #fff;
  }


</style>
